<!-- 通知 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-bell"></i> 通知</h3>
        <a href="#" class="see-all">全部</a>
    </div>

    <div class="notifications">
        <div class="notification-item">
            <div class="notification-icon unread">
                <i class="fas fa-heart"></i>
            </div>
            <div class="notification-content">
                <p class="notification-text"><a href="#">李婷婷</a> 点赞了你的文章</p>
                <p class="notification-time">10分钟前</p>
            </div>
        </div>

        <div class="notification-item">
            <div class="notification-icon unread">
                <i class="fas fa-comment"></i>
            </div>
            <div class="notification-content">
                <p class="notification-text"><a href="#">王建国</a> 评论了你的帖子</p>
                <p class="notification-time">35分钟前</p>
            </div>
        </div>

        <div class="notification-item">
            <div class="notification-icon">
                <i class="fas fa-user-plus"></i>
            </div>
            <div class="notification-content">
                <p class="notification-text"><a href="#">陈思思</a> 关注了你</p>
                <p class="notification-time">2小时前</p>
            </div>
        </div>

        <div class="notification-item">
            <div class="notification-icon">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <div class="notification-content">
                <p class="notification-text">前端开发者线上交流会将在30分钟后开始</p>
                <p class="notification-time">今天 19:00</p>
            </div>
        </div>
    </div>
</div>
